<template>
  <div class="message-div" :style="{backgroundImage: `url(${blank})`}">
    <div data-v-20f352ce id="link-message-container" class>
      <div data-v-20f352ce class="container">
        <div data-v-20f352ce class="space-left">
          <div data-v-46fab800 data-v-20f352ce class="side-bar">
            <div data-v-46fab800 class="title">
              <div data-v-46fab800 class="icon"></div>
              <div data-v-46fab800>消息中心</div>
            </div>
            <ul data-v-46fab800 class="list">
              <li data-v-46fab800 class="item active">
                <router-link
                  to="/message/response"
                  data-v-46fab800
                  class="router-link-exact-active router-link-active"
                >回复我的</router-link>
              </li>

              <li data-v-46fab800 class="item">
                <router-link
                  to="/message/zan"
                  data-v-46fab800
                  title="收到的赞"
                  class="router-link-exact-active router-link-active"
                >收到的赞</router-link>
              </li>
              <li data-v-46fab800 class="item">
                <router-link
                  to="/message/mymsg"
                  data-v-46fab800
                  title="系统通知"
                  class="router-link-exact-active router-link-active"
                >系统消息</router-link>
              </li>
            </ul>
          </div>
        </div>
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>
<script>
import water from "@/assets/water.jpeg";
export default {
  name: "message",
  data() {
    return {
      blank: require("@/assets/blank.jpg")
    };
  },
  components: { water }
};
</script>
<style   scoped>
@import "//s1.hdslb.com/bfs/static/blive/blfe-message-web/static/css/index.e4f4e7e9.css";
.container {
  box-shadow: 4px 4px 5px 0px rgb(150, 150, 150);
}
</style>


